<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <ui:composition template="./TemplatePrincipalY.xhtml">

            <ui:define name="top">

            </ui:define>

            <ui:define name="left">
                <h:form>
                    <p:commandButton action="MenuPrincipal" value ="Principal" immediate="true" ajax="false"/>
                </h:form>
            </ui:define>

            <ui:define name="content">
                <f:view>
                    <h:form>

                        <h1><h:outputText value="Crear /Editar"/></h1>
                        <p:growl id="growl" showDetail="true" sticky="true" />  
                        <p:panelGrid columns="2">
                            <h:outputLabel value="Nombre:" for="nombre" />
                            <p:inputText id="nombre" value="#{personaBean.persona.nombre}" title="Nombre" required="true" requiredMessage="El nombre no puede estar vacio y solo puede contener letras.">
                                <f:validateRegex pattern="^[A-Za-z\s]+$"/>
                            </p:inputText>
                            <h:outputLabel value="Apellido Paterno:" for="apeP" />
                            <p:inputText id="apeP" value="#{personaBean.persona.apeP}" title="ApeP" required="true" requiredMessage="El Apellido Paterno no puede estar vacio y solo puede contener letras..">
                                <f:validateRegex pattern="^[A-Za-z\s]+$"/>
                            </p:inputText>
                            <h:outputLabel value="Apellido Materno:" for="apeM" />
                            <p:inputText id="apeM" value="#{personaBean.persona.apeM}" title="ApeM" required="true" requiredMessage="El Apellido Paterno no puede estar vacio y solo puede contener letras.">
                                <f:validateRegex pattern="^[A-Za-z\s]+$"/>
                            </p:inputText>
                            <h:outputLabel value="CURP:" for="curp" />
                            <p:inputMask id="curp" value="#{personaBean.persona.curp}" mask="aaaa999999aaaaaa99" title="Curp" required="true" requiredMessage="El curp esta compuesto por 18 digitos."/>
                            <h:outputLabel value="Dirección:" for="direccion" />
                            <p:inputText id="direccion" value="#{personaBean.persona.direccion}" title="Direccion" required="true" requiredMessage="La dirección no puede estar vacia."/>

                            <h:outputLabel value="Entidad Federativa:" for="entidadFederativa" />
                            <p:selectOneMenu id="entidadFederativa" value="#{personaBean.persona.entidadFederativa}"  required="true" requiredMessage="La entidad federativa es el estado de la republica al que pertenece y no puede estar vacia.">
                                <f:selectItem itemLabel="Jalisco" itemValue="Jalisco" />  
                                <f:selectItem itemLabel="Nayarit" itemValue="Nayarit" />  
                                <f:selectItem itemLabel="Colima" itemValue="Colima" />  
                                <f:selectItem itemLabel="D.F." itemValue="DF" />  
                            </p:selectOneMenu>  


                            
                            <h:outputLabel value="Status Laboral:" for="statusLaboral" />
                            <p:selectOneMenu id="statusLaboral" value="#{personaBean.persona.statusLaboral}"  required="true" requiredMessage="La situacion Laboral no puede estar vacia y debe de ser desempleado, empleado o becario.">
                                <f:selectItem itemLabel="Becario" itemValue="Becario" />  
                                <f:selectItem itemLabel="DesEmpleado" itemValue="DesEmpleado" />  
                                <f:selectItem itemLabel="Empleado" itemValue="Empleado" />  
                                 
                            </p:selectOneMenu> 
                            <h:outputLabel value="Escolaridad:" for="escolaridad" />
                            <p:selectOneMenu id="escolaridad" value="#{personaBean.persona.escolaridad}" required="true" requiredMessage="The Escolaridad field is required.">
                                <f:selectItem itemLabel="Primaria" itemValue="Primaria" />  
                                <f:selectItem itemLabel="Secundaria" itemValue="Secundaria" />  
                                <f:selectItem itemLabel="Preparatoria" itemValue="Preparatoria" />  
                                <f:selectItem itemLabel="Universidad" itemValue="Universidad" />  
                                <f:selectItem itemLabel="PosGrado" itemValue="PosGrado" />  
                                 
                            </p:selectOneMenu> 
                            <h:outputLabel value="Correo:" for="correo" />
                            <p:inputText id="correo" value="#{personaBean.persona.correo}" title="Correo" required="true" requiredMessage="El correo no puede estar vacio necesitas minimo 2 digitos @ 2 digitos . 2digitos.">
                                <f:validateRegex pattern="^([0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*@([0-9a-zA-Z][-\w]*[0-9a-zA-Z]\.)+[a-zA-Z]{2,9})$"/>
                            </p:inputText>
                            <h:outputLabel value="Telefono:" for="tel" />
                            <p:inputMask id="tel" value="#{personaBean.persona.tel}" mask="9999999999" title="Tel" required="true" requiredMessage="El telefono debe de ser 10 digitos."/>

                        </p:panelGrid>
                        <p:commandButton action="ConfirmarPersona" value="Aceptar" ajax="false"/>
                        <p:commandButton action="ListPersona" value ="Cancelar" immediate="true" ajax="false"/>
                    </h:form>
                </f:view>

            </ui:define>

            <ui:define name="bottom">

            </ui:define>

        </ui:composition>

    </body>
</html>
